<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="./src/css/reset.min.css">
    <link rel="stylesheet" href="./src/plugin/layui/css/layui.css">
    <link rel="stylesheet" href="./src/css/common.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/header.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/footer.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/article.min.css?v=0.0.1">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2092834_hd9w6xkil9m.css">
</head>

<body>
    <header class="header m-b-15">
        <div class="container d-flex">
            <div class="header-left">
                <a href=""><img src="./src/img/logo.svg" alt="" class="header-left-logo"></a>
            </div>
            <div class="header-center d-flex">
                <div class="header-center-menu">
                    <ul class="layui-nav header-center-menu-ul bg-white  d-flex" lay-filter="">
                        <li class="layui-nav-item"><a href="">首页</a></li>
                        <li class="layui-nav-item layui-this"><a href="">我的相册</a></li>
                        <li class="layui-nav-item"><a href="">我的文章</a></li>
                        <li class="layui-nav-item"><a href="">归档内容</a></li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">解决方案</a>
                            <dl class="layui-nav-child">
                                <!-- 二级菜单 -->
                                <dd><a href="">移动模块</a></dd>
                                <dd><a href="">后台模版</a></dd>
                                <dd><a href="">电商平台</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="header-center-search d-flex">
                    <ul class="layui-nav header-center-menu-ul header-center-search-type bg-white d-flex">
                        <li class="layui-nav-item">
                            <a href="javascript:;" id="search-text">站内</a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" data-info="站内搜索">站内</a></dd>
                                <dd><a href="javascript:;" data-info="百度一下,你就知道">百度</a></dd>
                                <dd><a href="javascript:;" data-info="360搜索">360</a></dd>
                                <dd><a href="javascript:;" data-info="bing搜索">bing</a></dd>
                            </dl>
                        </li>
                    </ul>
                    <input type="text" class="layui-input" placeholder="本站搜索" name="key" id="search-input">
                    <button class="layui-btn layui-btn-primary" id="search-btn">搜索</button>
                </div>

            </div>
            <div class="header-right">
                <div class="header-right-btn d-flex">
                    <a class="layui-btn layui-btn-normal" href=""> 登陆</a>
                    <a class="layui-btn layui-btn-danger" href=""> 注册</a>
                </div>
                <!-- 登陆后 -->
                <!--   <ul class="layui-nav header-center-menu-ul bg-white d-flex">
                    <li class="layui-nav-item">
                        <a href="">通知<span class="layui-badge-dot layui-bg-orange"></span></a>
                    </li>
                    <li class="layui-nav-item">
                        <a href=""><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;">修改信息</a></dd>
                            <dd><a href="javascript:;">安全管理</a></dd>
                            <dd><a href="javascript:;">退了</a></dd>
                        </dl>
                    </li>
                </ul> -->

            </div>
        </div>
        </div>

    </header>
    <main class="main m-b-15 container clearfix d-flex">
        <div class="main-article-left m-b-15">
            <div class="main-article-left-title bg-white">
                <p>文章标题</p>
                <div class="main-article-left-title-info-list d-flex">
                    <a href="javascript:;">
                        <i class="icon icon-auth"></i>
                        <span class="text-success">
                            傲杰笔记
                        </span>
                    </a>
                    <a href="javascript:;">
                        <i class="icon icon-time"></i>
                        <span class="text-warning">
                            2020-9-26 13:46:43
                        </span>
                    </a>
                    <a href="javascript:;">
                        <i class="icon icon-like"></i>
                        <span class="text-blue">
                            125
                        </span>
                    </a>
                    <a href="javascript:;">
                        <i class="icon icon-comment"></i>
                        <span class="text-orange">
                            600000
                        </span>
                    </a>
                </div>
                <div class="main-article-left-line">
                    <div class="main-article-left-line-position"></div>
                </div>
            </div>
            <div class="main-article-left-info bg-white m-b-10">
                <p style="white-space: normal; text-indent: 2em;">
                    博士是标志一个人具备出原创成果的能力或学力的学位，是目前最高级别的学位。拥有博士学位或博士学位同等学力，意味着一个人有能力由学习阶段进入学术阶段。很多人会选择出国进行博士深造，那么留学博士申请需要知道哪些事情呢？
                </p>
                <p style="white-space: normal; text-align: center;"><img
                        src="https://www.51pygh.com/uploads/20201013/81b35631e13b1daa1ca8195e83888c6f.png"
                        title="英国教育博士申请相关小知识-7" alt="英国教育博士申请相关小知识-7"></p>
                <p style="white-space: normal; text-align: center;"><img
                        src="https://www.51pygh.com/uploads/20201013/677e8d8302b959448fcd06c30bc70439.png"
                        title="英国教育博士申请相关小知识-7" alt="英国教育博士申请相关小知识-7"></p>
                <p style="white-space: normal; text-align: center;"><span style="text-indent: 2em;"></span></p>
                <p style="white-space: normal; text-indent: 2em;"><span
                        style="text-indent: 2em;">漂洋过海（http://www.51pygh.com）网罗留学资讯，为你提供留学圈的海内外新鲜事。漂洋过海App在手，出国留学都不难！</span>
                </p>
                <p style="white-space: normal; text-indent: 2em;"><span style="text-indent: 2em;">留学异国，任何</span><a
                        href="https://www.51pygh.com/" target="_self" style="text-indent: 2em;">生活</a><span
                        style="text-indent: 2em;">、</span><a href="https://www.pfcedu.com/" target="_self"
                        style="text-indent: 2em;">学习</a><span style="text-indent: 2em;">、</span><a
                        href="https://www.studypayment.com/" target="_self" style="text-indent: 2em;">金融</a><span
                        style="text-indent: 2em;">方面的问题，欢迎咨询漂洋过海，漂洋过海定竭尽所能伴你留学成功！</span><span
                        style="text-indent: 2em; color: rgb(255, 255, 255); font-size: 14px;">博士申请</span><br></p>
                <p style="white-space: normal; text-align: center;"><span
                        style="font-size: 14px; color: rgb(255, 255, 255);">英国教育博士申请</span></p>
                <p style="white-space: normal; text-align: center;"><span
                        style="font-size: 14px; color: rgb(255, 255, 255);">英国教育博士申请</span></p>
                <p style="white-space: normal; text-align: center;"><span
                        style="font-size: 14px; color: rgb(255, 255, 255);">英国教育博士申请</span></p>
                <p style="white-space: normal; text-align: center;"><span
                        style="font-size: 14px; color: rgb(255, 255, 255);">英国教育博士申请</span></p>
                <p style="white-space: normal; text-align: center;"><span
                        style="font-size: 14px; color: rgb(255, 255, 255);">英国教育博士申请</span></p>
                <p style="white-space: normal; text-align: center;"><span
                        style="font-size: 14px; color: rgb(255, 255, 255);">英国教育博士申请</span></p>

                <div class="main-article-left-info-tag bg-white d-flex m-t-15 m-b-10">
                    <span>标签：</span>
                    <div class="main-article-left-info-tag-list d-flex">
                        <a href="">#标签aa#</a>
                        <a href="">#标签aa#</a>
                        <a href="">#标签aa#</a>
                        <a href="">#标签aa#</a>
                        <a href="">#标签aa#</a>
                        <a href="">#标签aa#</a>
                        <a href="">#标签aa#</a>
                    </div>
                </div>
            </div>


            <div class="main-article-left-other bg-white m-b-10 d-flex">
                <a href="" class="main-article-left-other-a">上一篇:图文并茂</a>
                <a href="" class="main-article-left-other-a">下一篇:没有更多了...</a>
            </div>

            <div class="main-comment bg-white m-b-10" id="comment">
                <form action="" class="layui-form d-flex main-comment-form">
                    <!-- 各种id -->
                    <input type="hidden" name="article_id" value="{$article_info.id}">
                    <input type="hidden" name="user_id" value="">
                    <input type="hidden" name="pid" value="0">
                    <input type="hidden" name="pireply_useridd" value="0">

                    <div class="layui-form-item main-comment-form-item">
                        <textarea name="content" class="layui-textarea main-comment-form-item-textarea"
                            placeholder="多少说点什么吧" lay-reqText='多少说点什么吧' lay-verify="required"></textarea>
                    </div>
                    <div class="layui-form-item d-flex clearfix">
                        <!-- 未登录时显示 -->
                        <input type="text" name=" nick_name" lay-verify="required" title="不想登陆？那就取个响亮的名字吧"
                            lay-reqText='给自己取一个响亮的名字' placeholder="请输入昵称" value="" class="layui-input">
                    </div>
                    <div class="layui-form-item d-flex clearfix">
                        <button class="layui-btn layui-btn-danger comment-push m-t-5" lay-submit
                            lay-filter="form_submit">发表评论</button>
                        <button class="layui-btn layui-btn-primary comment-cancel m-t-5 layui-hide"
                            type='button'>取消</button>
                    </div>
                </form>
            </div>


            <div class="main-comment-list bg-white">
                <div class="main-comment-list-title d-flex">
                    <span>评论列表</span>
                </div>
                <div class="main-comment-list-box">
                    <div class="main-comment-list-box-user">
                        <a href="" class="main-comment-list-box-user-avatar">
                            <img src="./src/img/announcement.gif" alt="">
                        </a>
                        <div class="main-comment-list-box-user-info">
                            <p class="main-comment-list-box-user-info-nickname">傲杰笔记</p>
                            <div class="main-comment-list-box-user-info-content">
                                不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何不知道为何
                            </div>
                            <div class="main-comment-list-box-user-info-bottom">
                                <a class="main-comment-list-box-user-info-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a class="main-comment-list-box-user-info-bottom-reply  comment-reply-btn right">回复</a>
                                <a class="main-comment-list-box-user-info-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>

                    </div>
                    <div class="main-comment-list-box-children">
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a>
                                <span>傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记傲杰笔记</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                                <a class="main-comment-list-box-children-replylist-bottom-time right">2020-9-8
                                    16:35:02</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>

                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>
                        <div class="main-comment-list-box-children-replylist m-b-25">
                            <div class="main-comment-list-box-children-replylist-avatar">
                                <img src="./src/img/announcement.gif">
                            </div>
                            <div class="main-comment-list-box-children-replylist-content">
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span>回复:</span>
                                <a class="main-comment-list-box-children-replylist-content-nickname">傲杰笔记
                                </a><span> 恩恩啊啊哦哦</span>
                            </div>
                            <div class="main-comment-list-box-children-replylist-bottom">
                                <a class="main-comment-list-box-children-replylist-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-reply comment-reply-btn right">回复</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>

                    </div>
                    <div class="main-comment-list-load-more d-flex">
                        <button class="layui-btn layui-btn-danger show layui-btn-xs">↓展开更多↓</button>
                    </div>
                </div>
                <div class="main-comment-list-box">
                    <div class="main-comment-list-box-user">
                        <a href="" class="main-comment-list-box-user-avatar">
                            <img src="./src/img/announcement.gif" alt="">
                        </a>
                        <div class="main-comment-list-box-user-info">
                            <p class="main-comment-list-box-user-info-nickname">傲杰笔记</p>
                            <div class="main-comment-list-box-user-info-content">
                                不知道为何
                            </div>
                            <div class="main-comment-list-box-user-info-bottom">
                                <a class="main-comment-list-box-user-info-bottom-time left">2020-9-8
                                    16:35:02</a>
                                <a class="main-comment-list-box-user-info-bottom-reply  comment-reply-btn right">回复</a>
                                <a class="main-comment-list-box-user-info-bottom-like comment-like-btn right">赞(250)</a>
                                <a
                                    class="main-comment-list-box-children-replylist-bottom-report comment-report-btn right">举报</a>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="main-comment-list-nomore">
                    <div class="empty d-flex">
                        <span class="icon icon-empty d-block m-b-15"></span>
                        <em>暂无评论,赶紧抢沙发吧...</em>
                    </div>
                </div>
                <div class="main-comment-list-load-more d-flex">
                    <button class="layui-btn layui-btn-normal layui-btn-xs">加载更多</button>
                </div>
            </div>
        </div>
        <div class="main-article-right m-b-15">
            <div class="main-article-right">
                <div class="main-container-right">
                    <div class="main-container-right-auth bg-white">
                        <div class="main-container-right-auth-top">
                            <div class="main-container-right-auth-top-bg"></div>
                            <div class="main-container-right-auth-top-img-box"><img src="src/img/favicon.svg" alt="">
                            </div>
                        </div>
                        <div class="main-container-right-auth-bottom">
                            <p class="main-container-right-auth-bottom-name">
                                <a href="">傲杰笔记</a>
                            </p>
                            <p class="main-container-right-auth-bottom-description">
                                我也曾想仗剑走天涯，无奈BUG颇多死在了键盘上
                            </p>
                        </div>
                    </div>
                </div>
                <div class="main-container-right bg-white m-b-15">
                    <div class="main-container-right-title d-flex">
                        <span>点赞最多</span>
                        <span><a href="">更多</a></span>
                    </div>
                    <div class="main-container-right-body-ranking">
                        <ul class="main-container-right-body-ranking-ul d-flex">
                            <li><i class="ranking ranking-icon-1"></i><a href="">
                                    文字烧啊啊啊啊啊文字烧啊啊啊啊啊文字烧啊啊啊啊啊文字烧啊啊啊啊啊</a><span>99+</span></li>
                            <li><i class="ranking ranking-icon-2"></i><a href=""> 文字烧啊啊啊啊啊</a> </li>
                            <li><i class="ranking ranking-icon-3"></i><a href=""> 文字烧啊啊啊啊啊</a> </li>
                            <li><i class="ranking">4</i><a href=""> 文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">5</i><a href=""> 文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">6</i><a href="">文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">7</i><a href="">文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">8</i><a href="">文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">9</i><a href="">文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">10</i><a href="">文字烧啊啊啊啊啊</a></li>
                        </ul>
                    </div>

                </div>
                <div class="main-container-right bg-white m-b-15">
                    <div class="main-container-right-title d-flex">
                        <span>标签云</span>
                        <span><a href="">更多</a></span>
                    </div>
                    <div class="main-container-right-body-cloud">
                        <ul class="main-container-right-body-cloud-ul d-flex">
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签搜索撒旦#</a></li>

                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </main>
    <footer class="footer bg-white">
        <div class="container d-flex clearfix">
            <div class="footer-top d-flex">
                <div class="footer-top-left d-flex">
                    <img src="./src/img/favicon.svg" alt="">
                    <div class="footer-top-left-text text-black">
                        描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字
                    </div>
                </div>
                <div class="footer-top-center">
                    <ul class="footer-top-center-ul d-flex">
                        <li><a href="">关于我们</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">隐私保护</a></li>
                        <li><a href="">网站地图</a></li>
                        <li><a href="">收录标准</a></li>
                        <li><a href="">友情链接</a></li>
                    </ul>
                </div>
                <div class="footer-top-right d-flex">
                    <div class="footer-top-right-box d-flex">
                        <img src="./src/img/favicon.svg" alt="">
                        <p>测试内容</p>
                    </div>
                    <div class="footer-top-right-box d-flex">
                        <img src="./src/img/favicon.svg" alt="">
                        <p>测试内容</p>
                    </div>
                    <div class="footer-top-right-box d-flex">
                        <img src="./src/img/favicon.svg" alt="">
                        <p>测试内容</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container footer-end d-flex">
            <div class="footer-end-left">
                Copyright ©
                <a href="https://www.52zsj.com" title="傲杰笔记">傲杰笔记</a> All Rights Reserved.
                <em>备案号2564646</em>
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34040302000334"
                    rel="nofollow">
                    <img src="./src/img/favicon.svg">公安备案</a>
            </div>
            <div class="footer-end-right d-flex">
                <a target="ipv6" href="https://www.luhu.co/tools/ipv6_www.luhu.co.shtml" title="当前网站支持IPV6访问"><img
                        src="./src/img/favicon.svg" alt="当前网站支持IPV6访问" class="IPV6"></a>
                <a target="cyxyv"
                    href="https://v.yunaq.com/certificate?domain=www.luhu.co&amp;from=label&amp;code=90020"
                    rel="nofollow"><img src="./src/img/favicon.svg" class="yunanquan"></a>
            </div>
        </div>
        <div class="footer-bar-menu bg-white">
            <div class="footer-bar-menu-box">
                <ul class="footer-bar-menu-box-top">
                    <li data-title="赞(20)">
                        <a href="javascript:;" class="article-like">
                            <i class="icon icon-like text-success"></i>
                        </a>
                    </li>
                    <li data-title="踩(15)">
                        <a href="javascript:;" class="article-dislike">
                            <i class="icon icon-dislike text-orange"></i>
                        </a>
                    </li>
                    <li data-title="评论(998)">
                        <a href="#comment" class="article-comment">
                            <i class="icon icon-comment text-warning"></i>
                        </a>
                    </li>

                </ul>
                <ul class="footer-bar-menu-box-end">
                    <li data-title="返回顶部">
                        <a href="javascript:;" class="goto-top">
                            <i class="icon icon-go-top"></i>
                        </a>
                    </li>
                </ul>
            </div>

        </div>

    </footer>
</body>

</html>
<script src="./src/js/jquery.min.js"></script>
<script src="./src/plugin/layui/layui.all.js"></script>
<script src="./src/js/common.js"></script>

<script>
    $(document).on('click', '.comment-reply-btn', function () {
        // 创建DIV
        var div = document.createElement('div');
        div.className = 'main-comment-list-box-reply clear';
        var form_html = $("#comment").html();
        div.innerHTML = form_html;
        $(div).find('.comment-push').html('回复');
        $(div).find('.comment-cancel').removeClass('layui-hide');
        var parent_node = $(this).parent();
        if (parent_node.find('.main-comment-list-box-reply').length > 0) {
            console.log('存在');
            return false;
        }
        parent_node.append(div);
        var placeholder = parent_node.data('reply-user-name');
        placeholder = (typeof placeholder === 'undefined' && placeholder !== '') ? '多少说点什么吧' : '回复:@' +
            placeholder;
        $(div).find('textarea').attr('placeholder', placeholder);
        $(this).parents().siblings().find('.main-comment-list-box-reply').remove()
    })

    $(document).on('click', '.comment-cancel', function () {
        // 直接干掉
        $('.main-comment-list-box-reply').remove();
    })
    $(document).on('click', '.show', function () {
        var that = $(this);
        if (that.parent().siblings('.main-comment-list-box-children').hasClass(
                'main-comment-list-box-children-more')) {
            that.text('点击展开')
        } else {
            that.text('点击收起')
        }
        that.parent().siblings('.main-comment-list-box-children').toggleClass(
            'main-comment-list-box-children-more');
    });
</script>